<template>
  <div>
    <PublicHeader></PublicHeader>
    <router-view></router-view>
    <Footer></Footer>
  </div>
</template>

<script>
import PublicHeader from "@/views/components/index/publicheader.vue";
import Footer from "@/views/components/index/footer.vue";
export default {
  components: {
    PublicHeader,
    Footer,
  },
  name: "App",
};
</script>

<style>
body,
html {
  padding: 0;
  margin: 0;
}
div,
ul,
li,
a,
p {
  padding: 0;
  margin: 0;
}
ul,
li {
  list-style: none;
}
a {
  text-decoration: none;
}
img {
  vertical-align: middle;
}
</style>
